<md-content layout-fill>
    <div layout="column">
        <md-content>
            <!-- Banner -->
            <section id="banner">
                <img src="../../src/images/logo白色.png">
                <!--
                <h1>问我吧</h1>
                -->
                <p>一个为你寻找答案的地方</p>
            </section>
        </md-content>

        <md-content style="padding-left: 8%;padding-right: 8%;padding-top: 5%">
            <div layout="column" layout-align="center center">
                <p class="title_Home">&nbsp;进入领域&nbsp;</p>
                <div flex style="height:30px"></div>
            </div>
            <div class="row row-0-gutter">
                <!-- start portfolio item -->
                <div class="col-md-6 col-0-gutter">
                    <div class="ot-portfolio-item">
                        <figure class="effect-bubba">
                            <img src="../../src/images/careerH.jpg" alt="img02" class="img-responsive" />
                            <figcaption>
                                <h2>职业规划</h2>
                                <p>CAREER</p>
                                <a href="/#!/show/domain/career" data-toggle="modal" data-target="#Modal-1">View more</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- end portfolio item -->
                <!-- start portfolio item -->
                <div class="col-md-6 col-0-gutter">
                    <div class="ot-portfolio-item">
                        <figure class="effect-bubba">
                            <img src="../../src/images/gymH.jpg" alt="img02" class="img-responsive" />
                            <figcaption>
                                <h2>健身顾问</h2>
                                <p>FITNESS</p>
                                <a href="/#!/show/domain/gym" data-toggle="modal" data-target="#Modal-2">View more</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- end portfolio item -->
            </div>
            <div class="row row-0-gutter">
                <!-- start portfolio item -->
                <div class="col-md-6 col-0-gutter">
                    <div class="ot-portfolio-item">
                        <figure class="effect-bubba">
                            <img src="../../src/images/travelH.jpg" alt="img02" class="img-responsive" />
                            <figcaption>
                                <h2>旅游咨询</h2>
                                <p>TRAVEL</p>
                                <a href="/#!/show/domain/travel" data-toggle="modal" data-target="#Modal-3">View more</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- end portfolio item -->
                <!-- start portfolio item -->
                <div class="col-md-6 col-0-gutter">
                    <div class="ot-portfolio-item">
                        <figure class="effect-bubba">
                            <img src="../../src/images/iDesignH.jpg" alt="img02" class="img-responsive" />
                            <figcaption>
                                <h2>形象设计</h2>
                                <p>IMAGE DESIGN</p>
                                <a href="/#!/show/domain/iDesign" data-toggle="modal" data-target="#Modal-4">View more</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- end portfolio item -->
            </div>
            <div class="row row-0-gutter">
                <!-- start portfolio item -->
                <div class="col-md-6 col-0-gutter">
                    <div class="ot-portfolio-item">
                        <figure class="effect-bubba">
                            <img src="../../src/images/carH.jpg" alt="img02" class="img-responsive" />
                            <figcaption>
                                <h2>购车咨询</h2>
                                <p>CARS</p>
                                <a href="/#!/show/domain/car" data-toggle="modal" data-target="#Modal-5">View more</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- end portfolio item -->
                <!-- start portfolio item -->
                <div class="col-md-6 col-0-gutter">
                    <div class="ot-portfolio-item">
                        <figure class="effect-bubba">
                            <img src="../../src/images/lawH.jpg" alt="img02" class="img-responsive" />
                            <figcaption>
                                <h2>法律咨询</h2>
                                <p>LAW</p>
                                <a href="/#!/show/domain/law" data-toggle="modal" data-target="#Modal-2">View more</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- end portfolio item -->
            </div>
        </md-content>
        <md-content layout-padding >
            <div layout="column" layout-align="cneter center">
                <div layout="column" layout-align="center center">
                    <div flex style="height:80px"></div>
                    <p class="title_Home">&nbsp;咨询师展示&nbsp;</p>
                    <div flex style="height:20px"></div>
                </div>
                <div layout="column" layout-gt-sm="row" style="background-color: #EBEBEB;padding-left: 5%;padding-right: 5%">
                    <div layout="column" layout-align="center center"ng-click="personInfo('tjp')">
                        <span layout-margin>
                            <img src="{{pictures[0]}}" style="height: 180px;width: 180px;
                                border-radius:50%; overflow:hidden;">
                        </span>
                        <md-button ><span style="font-size: large">tjp</span></md-button>
                    </div>
                    <div layout="column" layout-align="center center" ng-click="personInfo('csy')">
                        <span layout-margin>
                            <img src="{{pictures[1]}}" style="height: 180px;width: 180px;
                                border-radius:50%; overflow:hidden;">
                        </span>
                        <md-button><span style="font-size: large">csy</span></md-button>
                    </div>
                    <div layout="column" layout-align="center center" ng-click="personInfo('zjj')">
                        <span layout-margin>
                            <img src="{{pictures[2]}}" style="height: 180px;width: 180px;
                                border-radius:50%; overflow:hidden;">
                        </span>
                        <md-button><span style="font-size: large">zjj</span></md-button>
                    </div>
                    <div layout="column" layout-align="center center" ng-click="personInfo('yt')">
                        <span layout-margin>
                            <img src="{{pictures[3]}}" style="height: 180px;width: 180px;
                                border-radius:50%; overflow:hidden;">
                        </span>
                        <md-button ><span style="font-size: large">yt</span></md-button>
                    </div>
                    <div layout="column" layout-align="center center" ng-click="personInfo('xyy')">
                        <span layout-margin>
                            <img src="{{pictures[4]}}" style="height: 180px;width: 180px;
                                border-radius:50%; overflow:hidden;">
                        </span>
                        <md-button ><span style="font-size: large">xyy</span></md-button>
                    </div>
                    <!--
                    <div layout="column" layout-align="center center" ng-repeat="consultant in consultantList.res">
                            <span layout-margin>
                                <img src="{{pictures[0]}}" style="height: 180px;width: 180px;
                                border-radius:50%; overflow:hidden;">
                            </span>
                            <span style="font-size: large">{{consultant.username}}</span>
                    </div>
                    -->
                </div>
                <div style="height: 100px"></div>
            </div>

        </md-content>
    </div>
</md-content>